<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品介绍</title>
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="wap-font-scale" content="no">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="format-detection" content="telephone=no,email=no,address=no,date=no" />
    <link rel="stylesheet" href="../../common/css/reset.css">
    <link rel="stylesheet" href="../../common/css/public.css">
    <link rel="stylesheet" href="../../common/css/pages.css">
    <link rel="stylesheet" href="../../common/css/swiper.css">
    <style>
        #product_play .swiper-pagination{bottom:0;}
    </style>
    <script>
        window.onload=function () {
            if(baseAll.isMobileDevice()=='ios'){
                baseAll.setupWebViewJavascriptBridge();
            }
            baseAll.deviceReturn();
        }
    </script>
</head>
<body>
    <div class="top_fixed">
        <!--头部返回与标题-->
        <header id="top_back" class="txt_center">
            <a  href="javascript:;" class="back_btn"></a>
            <h3 class="tableBox">产品介绍</h3>
        </header>
    </div>
    <div style="height:1.6rem"></div>

    <div class="banner pCenter">
        <div class="swiper-container" id="product_play">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../images/1.jpg" alt="" class="eq_resize"></div>
                <div class="swiper-slide"><img src="../images/2.jpg" alt="" class="eq_resize"></div>
                <div class="swiper-slide"><img src="../images/3.jpg" alt="" class="eq_resize"></div>
                <div class="swiper-slide"><img src="../images/4.jpg" alt="" class="eq_resize"></div>
                <div class="swiper-slide"><img src="../images/5.jpg" alt="" class="eq_resize"></div>
                <!--<div class="swiper-slide"><img src="../images/6.jpg" alt="" class="eq_resize"></div>-->
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</body>
</html>
<script src="../../common/script/phoneSize.js"></script>
<script src="../../common/script/jquery-1.11.2.js"></script>
<script src="../../common/script/swiper-3.4.1.min.js"></script>
<script src="../../common/script/public.js"></script>
<script src="../public/westv.js"></script>
<script src="../public/vue.js"></script>
<script src="../public/baseAll.js"></script>
<script type="text/javascript">
     //图片轮播列表------
     function banPlayImg(){
          var swiper = new Swiper('.swiper-container', {
               loop: true,
               autoplay: 2000,
               speed:400,
               pagination: '.swiper-pagination',
               paginationClickable: true,
               autoplayDisableOnInteraction: false
          });
     }
     banPlayImg();
</script>